<template>
  <div>
    <!-- 我的订单 -->
    <ul class="nav">
      <li
        style="color: #cc6633; font-size: 18px !important; margin: 0 5px 0 -5px"
        class="iconfont"
      >
        &#xe638;
      </li>
      我的会员活动
    </ul>
    <div class="order">
      <ul class="order_nav">
        <li class="f1 on">全部活动(0)</li>
        <li class="f1">待出行(0)</li>
        <li class="f1">已结束(0)</li>
      </ul>
    </div>
    <div class="clear" style="clear: both"></div>
    <el-table
      :header-cell-style="{
        background: '#f5f5f5',
        color: '#011',
        height: '30px',
      }"
      stripe
      style="width: 100%"
    >
      <el-table-column
        align="center"
        label="活动名称"
        width="180"
      ></el-table-column>
      <el-table-column
        align="center"
        label="活动费用"
        width="180"
      ></el-table-column>
      <el-table-column align="center" label="报名时间"></el-table-column>
      <el-table-column align="center" label="状态"></el-table-column>
      <el-table-column label="操作" align="center">
        <template>
          <el-button circle type="danger" icon="el-icon-delete"></el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<style lang="scss" scoped src="@/assets/scss/Order.scss"></style>
